<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonheader">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet"  th:href="@{/assets/css/bootstrap.min.css}">
    <!-- Owl Theme Default CSS -->
    <link rel="stylesheet"  th:href="@{/assets/css/owl.theme.default.min.css}">
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/owl.carousel.min.css}">
    <!-- Owl Magnific CSS -->
    <link rel="stylesheet"  th:href="@{/assets/css/magnific-popup.css}">
    <!-- Animate CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/animate.css}">
    <!-- Boxicons CSS -->
    <link rel="stylesheet"  th:href="@{/assets/css/boxicons.min.css}">
    <!--font-awesome CSS-->
    <link rel="stylesheet"  th:href="@{/font-awesome-4.7.0/css/font-awesome.min.css}">
    <!-- Flaticon CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/flaticon.css}">
    <!-- Meanmenu CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/meanmenu.css}">
    <!-- Nice Select CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/nice-select.css}">
    <!-- Odometer CSS-->
    <link rel="stylesheet"  th:href="@{/assets/css/odometer.css}">
    <!-- Style CSS -->
    <link rel="stylesheet"  th:href="@{/assets/css/style.css}">
    <!-- Responsive CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/responsive.css}">
    <!-- Favicon -->
    <link rel="icon" type="image/png"  href="assets/img/favicon.png">
</head>
<body>


<!--头部div-->
<div class="navbar-area" th:fragment="commondiv1">

    <!-- Menu For Desktop Device -->
    <div class="main-nav">
        <div class="container-fluid">
            <nav class="navbar navbar-expand-md">
                <a class="navbar-brand"  th:href="@{/index}" >
                    <img th:src="@{/assets/img/logo.png}" alt="Logo">
                </a>

                <div class="collapse navbar-collapse mean-menu">
                    <ul class="navbar-nav m-auto">
                        <li class="nav-item">
                            <a th:href="@{/index}"  class="nav-link active">
                                首页
                                <!-- <i class="bx bx-chevron-down"></i> -->
                            </a>
                        <li class="nav-item">
                            <a th:href="@{/teacherlist}"  class="nav-link">全部老师</a>
                        </li>

                        <li class="nav-item">
                            <a href="#" class="nav-link">
                                学习中心
                                <i class="bx bx-chevron-down"></i>
                            </a>

                            <ul class="dropdown-menu">

                                <li class="nav-item">
                                    <a th:href="@{/feedback}" class="nav-link">学生反馈</a>
                                </li>

                                <li class="nav-item">
                                    <a th:href="@{/blog}"  class="nav-link">
                                        博文分享
                                    </a>

                                </li>
                                <li class="nav-item">
                                    <a th:href="@{/gallery}"  class="nav-link">课堂展示</a>
                                </li>


                            </ul>
                        </li>

                        <li class="nav-item">
                            <a th:href="@{/shop}"  class="nav-link">
                                c商城
                            </a>
                        </li>
                        <li class="nav-item">
                            <a th:href="@{/userpage}" class="nav-link">
                                个人主页
                            </a>
                        </li>
                        <li class="nav-item">
                            <a th:href="@{/contact}" class="nav-link">
                                联系我们
                            </a>
                        </li>

                        <li class="nav-item">
                            <div style="color: red"  th:text="${session.sess}"></div>
                        </li>

                    </ul>

                    <!-- Start Other Option -->
                    <div class="others-option">
                        <div class="option-item">
                            <i class="search-btn bx bx-search"></i>
                            <i class="close-btn bx bx-x"></i>

                            <div class="search-overlay search-popup">
                                <div class='search-box'>
                                    <form class="search-form">
                                        <input class="search-input" name="search" placeholder="Search" type="text">

                                        <button class="search-button" type="submit"><i class="bx bx-search"></i></button>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="register">
                            <a th:href="@{/log-in}"  class="default-btn">
                                登录
                            </a>
                            <a th:href="@{/registration}" class="default-btn">
                                注册
                            </a>
                        </div>
                    </div>
                    <!-- End Other Option -->
                </div>
            </nav>
        </div>
    </div>

</div>
<!--底部1-->
<footer class="footer-top-area pt-100 pb-70" th:fragment="commondiv2">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <div class="footer-widget">
                    <h3><i class="bx bxs-location-plus"></i>河南省  郑州市  新郑市 &nbsp; &nbsp;&nbsp;&nbsp; 龙湖镇  中原工学院</h3>




                    </ul>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6">
                <div class="footer-widget">
                    <h3>
                        <li>
                            <i class="bx bxs-envelope"></i>
                            <a href="mailto:public@edu.com">public@edu.com</a>
                        </li>
                    </h3>


                </div>
            </div>

            <div class="col-lg-3 col-sm-6">
                <div class="footer-widget">
                    <h3><li>
                        <i class="bx bxs-phone-call"></i>
                        <a href="tel:4088111">4088111</a>
                    </li></h3>


                </div>
            </div>


        </div>
    </div>
</footer>

<!--底部2-->
<footer class="footer-bottom-area" th:fragment="commondiv3">
    <div class="container">
        <div class="copyright-wrap">
            <p>版权所有 <a href="https://gitee.com/jk-13/education" target="blank">全栈入门13组</a></p>
        </div>
    </div>
</footer>

<!--回到顶部-->
<div class="go-top" th:fragment="commondiv4">
    <i class='bx bx-chevrons-up'></i>
    <i class='bx bx-chevrons-up'></i>
</div>

<!--公共js-->
<div th:fragment="commonscript">
    <!-- Jquery-3.5.1.Slim.Min.JS -->
    <script th:src="@{/assets/js/jquery-3.5.1.slim.min.js}"></script>
    <!-- Popper JS -->
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <!-- Bootstrap JS -->
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <!-- Meanmenu JS -->
    <script th:src="@{/assets/js/jquery.meanmenu.js}"></script>
    <!-- Wow JS -->
    <script  th:src="@{/assets/js/wow.min.js}"></script>
    <!-- Owl Carousel JS -->
    <script  th:src="@{/assets/js/owl.carousel.js}"></script>
    <!-- Owl Magnific JS -->
    <script  th:src="@{/assets/js/jquery.magnific-popup.min.js}"></script>
    <!-- Nice Select JS -->
    <script th:src="@{/assets/js/jquery.nice-select.min.js}"></script>
    <!-- Parallax JS -->
    <script  th:src="@{/assets/js/parallax.min.js}"></script>
    <!-- Appear JS -->
    <script  th:src="@{/assets/js/jquery.appear.js}"></script>
    <!-- Odometer JS -->
    <script  th:src="@{/assets/js/odometer.min.js}"></script>
    <!-- Form Validator JS -->
    <script  th:src="@{/assets/js/form-validator.min.js}"></script>
    <!-- Contact JS -->
    <script  th:src="@{/assets/js/contact-form-script.js}"></script>
    <!-- Ajaxchimp JS -->
    <script  th:src="@{/assets/js/jquery.ajaxchimp.min.js}"></script>
    <!-- Custom JS -->
    <script th:src="@{/assets/js/custom.js}"></script>

</div>
</body>
</html>